<!DOCTYPE html>
<html>
<head>
    <title>耿浩杰</title>
</head>
<body>
    <div style="display: flex; justify-content: space-between;">
        <div style="display: flex; align-items: flex-end;">
            {{ left_plot | safe }}
            <div class="text-box" contenteditable="true" id="left-text-box" ></div>
        </div>
        <div style="display: flex; align-items: flex-end;">
            {{ right_plot | safe }}
            <div class="text-box" contenteditable="true" id="right-text-box"></div>
        </div>
    </div>
</body>
<body>
    饼状图中日文标签出现数量和英文标签数量相近，中文的偏少可见该网站中国人都对国际化
的追求。并且二次元文化在中日美引领风潮，这导致外国二次元作品同样多如河沙。也展示
二次元文化的跨国性和世界青年性。</p>

    <p>点赞数由低到高基本满足金字塔趋势。可见作品中的符合大众口味的作品仍然还是相对少的。
作者的个人素养和技术也决定着作品的高度，其好作品的经典性和讽刺性以及趣味性或许是
同等作品里比较优秀的。</p>
    </body>
</html>
<body>
  <input type="text" id="user-input" placeholder="请输入你的问题...">
  <button onclick="submit()">Submit</button>
  <div id="response"></div>
  <script>
    function submit() {
      const userInput = document.getElementById('user-input').value;
      fetch('/api', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({ user_say: userInput }),
      })
      .then(response => response.json()) // 解析返回的JSON数据
      .then(data => {
        // 处理返回的数据
        console.log(data); // 在控制台打印返回的数据，也可根据需要进行其他处理
        const div = document.getElementById('response');
        div.textContent = data; // 将返回的数据插入到div中
      })
      .catch((error) => {
        // 处理请求错误
        console.error('Error:', error); // 在控制台打印错误信息，也可根据需要进行其他处理
      });
    }
  </script>
</body>






